<!--------------------------  流量主组件群  ----------------------------------->
<!-- 风格一 -->
<script type="text/html" id="tpl_edit_flow">
    <div class="form-group flow-help-block">
        1、当前组件样式可能与小程序中实际效果不一致。<br />
        2、当前组件仅在小程序中显示。
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">广告位ID</div>
        <div class="col-sm-9">
            <div class="input-group form-group" style="margin: 0;">
                <input class="form-control diy-bind" data-bind-child="params" data-bind="unit_id" placeholder="请输入广告位id" value="<%params.unit_id%>" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('').trigger('change');">清除</span>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">示意图</div>
        <div class="col-sm-9">
            <img src="../addons/{MODULE_NAME}/web/resource/diy/flowImg/banner_preview_2.png" style="width: 100%;height: 100%"/>
        </div>
    </div>
</script>
<!-- 风格二 -->
<script type="text/html" id="tpl_edit_flow2">
    <div class="form-group flow-help-block">
        1、当前组件样式可能与小程序中实际效果不一致。<br />
        2、当前组件仅在小程序中显示。<br />
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">广告位ID</div>
        <div class="col-sm-9">
            <div class="input-group form-group" style="margin: 0;">
                <input class="form-control diy-bind" data-bind-child="params" data-bind="unit_id" placeholder="请输入广告位id" value="<%params.unit_id%>" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('').trigger('change');">清除</span>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">示意图</div>
        <div class="col-sm-9">
            <img src="../addons/{MODULE_NAME}/web/resource/diy/flowImg/reward_preview_2.png" style="width: 100%;height: 100%"/>
        </div>
    </div>
</script>
<!-- 风格三 -->
<script type="text/html" id="tpl_edit_flow3">
    <div class="form-group flow-help-block">
        1、当前组件样式可能与小程序中实际效果不一致。<br />
        2、当前组件仅在小程序中显示。
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">广告位ID</div>
        <div class="col-sm-9">
            <div class="input-group form-group" style="margin: 0;">
                <input class="form-control diy-bind" data-bind-child="params" data-bind="unit_id" placeholder="请输入广告位id" value="<%params.unit_id%>" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('').trigger('change');">清除</span>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">示意图</div>
        <div class="col-sm-9">
            <img src="../addons/{MODULE_NAME}/web/resource/diy/flowImg/inser_preview_2.png" style="width: 100%;height: 100%"/>
        </div>
    </div>
</script>
<!-- 风格四 -->
<script type="text/html" id="tpl_edit_flow4">
    <div class="form-group flow-help-block">
        1、当前组件样式可能与小程序中实际效果不一致。<br />
        2、当前组件仅在小程序中显示。
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">广告位ID</div>
        <div class="col-sm-9">
            <div class="input-group form-group" style="margin: 0;">
                <input class="form-control diy-bind" data-bind-child="params" data-bind="unit_id" placeholder="请输入广告位id" value="<%params.unit_id%>" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('').trigger('change');">清除</span>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">示意图</div>
        <div class="col-sm-9">
            <img src="../addons/{MODULE_NAME}/web/resource/diy/flowImg/feeds_preview_2.png" style="width: 100%;height: 100%"/>
        </div>
    </div>
</script>
<!-- 风格五 -->
<script type="text/html" id="tpl_edit_flow5">
    <div class="form-group flow-help-block">
        1、当前组件样式可能与小程序中实际效果不一致。<br />
        2、当前组件仅在小程序中显示。
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">广告位ID</div>
        <div class="col-sm-9">
            <div class="input-group form-group" style="margin: 0;">
                <input class="form-control diy-bind" data-bind-child="params" data-bind="unit_id" placeholder="请输入广告位id" value="<%params.unit_id%>" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('').trigger('change');">清除</span>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">示意图</div>
        <div class="col-sm-9">
            <img src="../addons/{MODULE_NAME}/web/resource/diy/flowImg/video_begin_preview_2.png" style="width: 100%;height: 100%"/>
        </div>
    </div>
</script>
<!-- 风格六 -->
<script type="text/html" id="tpl_edit_flow6">
    <div class="form-group flow-help-block">
        1、当前组件样式可能与小程序中实际效果不一致。<br />
        2、当前组件仅在小程序中显示。
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">广告位ID</div>
        <div class="col-sm-9">
            <div class="input-group form-group" style="margin: 0;">
                <input class="form-control diy-bind" data-bind-child="params" data-bind="unit_id" placeholder="请输入广告位id" value="<%params.unit_id%>" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('').trigger('change');">清除</span>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">示意图</div>
        <div class="col-sm-9">
            <img src="../addons/{MODULE_NAME}/web/resource/diy/flowImg/box_preview5_2.png" style="width: 100%;height: 100%"/>
        </div>
    </div>
</script>